<ion-header>
  <ion-navbar [color]="'ebook'">
    <ion-title>
      笔记
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="cards-bg social-cards">
  <ion-card (click)="goToBookPage(4)">
    <ion-item>
      <h2>Python基础教程</h2>
      <p> 2017-06-1</p>
      <ion-avatar item-right>
        <ion-icon name="create"></ion-icon>
      </ion-avatar>
    </ion-item>

    <ion-card-content>
      <p style="text-decoration:underline">原文：Python 语言与 Perl，C 和 Java 等语言有许多相似之处。但是，也存在一些差异。</p>
      <p>笔记：Python与C差异</p>
      <p>page:4</p>
    </ion-card-content>
  </ion-card>

  <ion-card>
    <ion-item>
      <h2>系统程序设计</h2>
      <p> 2017-01-22</p>
      <ion-avatar item-right>
        <ion-icon name="create"></ion-icon>
      </ion-avatar>
    </ion-item>

    <ion-card-content>
      <p style="text-decoration:underline">原文：Unix操作指令集包括 ls ll cd mkdir rm cp clear</p>
      <p>笔记：Unix操作指令集:ls ll cd mkdir rm cp clear</p>
    </ion-card-content>
  </ion-card>

  <ion-card>
    <ion-item>
      <h2>Web基础</h2>
      <p> 2017-02-22</p>
      <ion-avatar item-right>
        <ion-icon name="create"></ion-icon>
      </ion-avatar>
    </ion-item>

    <ion-card-content>
      <p style="text-decoration:underline">原文：web基础包括html/css/js部分</p>
      <p>笔记：html/css/js</p>
    </ion-card-content>
  </ion-card>

  <ion-card>
    <ion-item>
      <h2>Design Pattern</h2>
      <p> 2017-03-22</p>
      <ion-avatar item-right>
        <ion-icon name="create"></ion-icon>
      </ion-avatar>
    </ion-item>

    <ion-card-content>
      <p style="text-decoration:underline">原文：开闭原则、里氏代换原则、依赖倒转原则、接口隔离原则、迪米特法则、合成复用原则</p>
      <p>笔记：六大设计模式原则</p>
    </ion-card-content>
  </ion-card>
</ion-content>
